<div class="screen-item">
	<template v-if="ParamScreen.value.grade.loading">
		<van-loading class="custom-load" size="24px" type="spinner" color="var(--header-text)" vertical>加载中...</van-loading>
	</template>
	<template v-else>
		<template v-if="ParamScreen.value.shape.data && ParamScreen.value.grade.data.length">
			<!-- <van-checkbox-group v-model="ParamScreen.value.grade.value" @change="ScreenGradeChange"> -->
				<van-cell-group>
					<van-cell v-for="(item, index) in ParamScreen.value.grade.data" clickable :key="index" @click="ScreenGradeClick(item.grade)" :value="item.num" class="van-cell-tag" :class="ParamScreen.value.grade.value.indexOf(item.grade)>-1?'active':''">
						<template #title>
							<template v-if="item.grade">
								<van-icon name="star" color="var(--header-text)" v-for="iitem in item.grade" />
							</template>
							<template v-else>未评分</template>
						</template>
					</van-cell>
<!-- 										<van-cell v-for="(item, index) in ParamScreen.value.grade.data" clickable :key="index" @click="ScreenGradeClick(item.grade)">
						<template #title>
							<template v-if="item.grade">
								<van-icon name="star" color="var(--header-text)" v-for="iitem in item.grade" />
							</template>
							<template v-else>未评分</template>
						</template>
						<template #right-icon>
							<div class="num">{{item.num}}</div>
							<van-checkbox shape="square" :name="item.grade" disabled />
						</template>
					</van-cell> -->
				</van-cell-group>
			<!-- </van-checkbox-group> -->
		</template>
		<template v-else>
			<div class="notScreen">
				<div>
					<img src="{MOD_PATH}/image/notScreen.png" >
					<div>没有筛选条件</div>
				</div>
			</div>
		</template>
		
	</template>
	
</div>